<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="Keywords" content="" />
	<meta name="Description" content="" />
	<meta NAME="CONTENT-LANGUAGE" CONTENT="KR" />
	<meta NAME="ROBOTS" CONTENT="ALL" />
	<meta HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE" />
	<meta HTTP-EQUIV="EXPIRES" CONTENT="0" />
	<link rel="stylesheet" href="/cmp_css/common.css" />
	<link rel="stylesheet" href="/cmp_css/layout.css" />
	<link rel="stylesheet" href="/cmp_css/cart.css" />
	<title>10K</title>
</head>
<body>
<!-- s : wrap -->
<div class="wrap">
	<!-- s: header -->
	<div class="header">
		<!-- s : 상단 회원가입 및 마이페이지 단 -->
		<div class="util_wrap">
			<div class="util">
				<div class="left">
					<ul>
						<li><a href="#"><img src="/cmp_images/common/img_header_txt1.png" alt="회원가입" /></a></li>
						<li><a href="#"><img src="/cmp_images/common/img_header_txt2.png" alt="로그인" /></a></li>
					</ul>
				</div>
				<div class="right">
					<ul>
						<li><a href="#"><img src="/cmp_images/common/img_header_txt3.png" alt="장바구니" /></a></li>
						<li><a href="#"><img src="/cmp_images/common/img_header_txt4.png" alt="배송조회" /></a></li>
						<li><a href="#"><img src="/cmp_images/common/img_header_txt5.png" alt="마이페이지" /></a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- e : 상단 회원가입 및 마이페이지 단 -->
		<!-- s : 타이틀 및 날씨 -->
		<div class="header_inner">
			<div class="week">
				THURSDAY<br/>
				APR.9.2015
			</div>
			<h1><a href="#"><img src="/cmp_images/common/img_header_title.png" alt="10K" /></a></h1>
			<div class="weather">
				<!-- 오늘날씨 -->
				<a href="#">
					<span class="thmb"><img src="/cmp_images/common/w_1.png" alt="맑음" /></span>
					<span class="temp">6℃</span>
				</a>
				<!-- 주간날씨 -->
				<!-- class="on" 추가시 주간날씨 display:block -->
				<div class="weekend on">
					<a href="#">
						<span class="day">SUN</span>
						<span class="thmb"><img src="/cmp_images	/common/w_1.png" alt="맑음" /></span>
						<span class="temp">6℃</span>
					</a>
					<a href="#">
						<span class="day">MON</span>
						<span class="thmb"><img src="/cmp_images/common/w_2.png" alt="흐림" /></span>
						<span class="temp">8℃</span>
					</a>
					<a href="#">
						<span class="day">TUE</span>
						<span class="thmb"><img src="/cmp_images/common/w_3.png" alt="구름비" /></span>
						<span class="temp">8℃</span>
					</a>
					<a href="#">
						<span class="day">WED</span>
						<span class="thmb"><img src="/cmp_images/common/w_4.png" alt="비" /></span>
						<span class="temp">5℃</span>
					</a>
					<a href="#">
						<span class="day">THU</span>
						<span class="thmb"><img src="/cmp_images/common/w_5.png" alt="구름번개" /></span>
						<span class="temp">5℃</span>
					</a>
					<a href="#">
						<span class="day">FRI</span>
						<span class="thmb"><img src="/cmp_images/common/w_6.png" alt="강품" /></span>
						<span class="temp">8℃</span>
					</a>
					<a href="#">
						<span class="day">SAT</span>
						<span class="thmb"><img src="/cmp_images/common/w_1.png" alt="맑음" /></span>
						<span class="temp">10℃</span>
					</a>
				</div>
			</div>
		</div>
		<!-- e : 타이틀 및 날씨 -->
		<!-- s : gnb -->
		<div class="gnb_wrap">
			<div class="gnb">
				<ul class="clearfix">
					<!-- s : 남성의류 -->
					<!-- class="on" 추가시 display:block -->
					<li class="gnbm1">
						<a href="#">
							<!-- hover일시 이미지 _on 추가 -->
							<img src="/cmp_images/common/img_gnb1.png" alt="남성의류" />
						</a>
						<div class="gnb_cate">
							<table summary="남성의류에 관한 정보를 제공합니다.">
							<caption>남성의류</caption>
								<colgroup>
									<col width="128px" />
									<col width="128px" />
									<col width="128px" />
									<col width="128px" />
									<col width="128px" />
									<col width="128px" />
									<col width="128px" />
								</colgroup>
								<thead>
									<tr>
										<th scope="col"><a href="#">신상품&인기(중복)</a></th>
										<th scope="col"><a href="#">자켓</a></th>
										<th scope="col"><a href="#">티셔츠</a></th>
										<th scope="col"><a href="#">바지</a></th>
										<th scope="col"><a href="#">모자</a></th>
										<th scope="col"><a href="#">장갑</a></th>
										<th scope="col"><a href="#">기타 의류 악세서리</a></th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											<ul>
												<li><a href="#">신상품&인기(중복)</a></li>
											</ul>
										</td>
										<td>
											<ul>
												<li><a href="#">방수자켓</a></li>
												<li><a href="#">바람막이</a></li>
												<li><a href="#">보온자켓</a></li>
												<li><a href="#">다운/패딩</a></li>
												<li><a href="#">조끼(베스트)</a></li>
												<li><a href="#">패션/캐주얼</a></li>
											</ul>
										</td>
										<td>
											<ul>
												<li><a href="#">긴팔티</a></li>
												<li><a href="#">반팔티</a></li>
												<li><a href="#">민소매(나시)</a></li>
												<li><a href="#">언더웨어(속옷)</a></li>
												<li><a href="#">패션/캐주얼(중복)</a></li>
											</ul>
										</td>
										<td>
											<ul>
												<li><a href="#">긴바지</a></li>
												<li><a href="#">반바지/칠부</a></li>
												<li><a href="#">패션/캐주얼(중복)</a></li>
												<li><a href="#">언더웨어(속옷)</a></li>
											</ul>
										</td>
										<td>
											<ul>
												<li><a href="#">방수모자</a></li>
												<li><a href="#">보온모자</a></li>
											</ul>
										</td>
										<td>
											<ul>
												<li><a href="#">장갑</a></li>
											</ul>
										</td>
										<td>
											<ul>
												<li><a href="#">기타 의류 악세서리</a></li>
											</ul>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</li>
					<!-- e : 남성의류 -->
					<li class="gnbm2"><a href="#"><img src="/cmp_images/common/img_gnb2.png" alt="여성의류" /></a></li>
					<li class="gnbm3"><a href="#"><img src="/cmp_images/common/img_gnb3.png" alt="신발" /></a></li>
					<li class="gnbm4"><a href="#"><img src="/cmp_images/common/img_gnb4.png" alt="악세서리" /></a></li>
					<li class="gnbm5"><a href="#"><img src="/cmp_images/common/img_gnb5.png" alt="커뮤니티" /></a></li>
					<li class="gnbm6"><a href="#"><img src="/cmp_images/common/img_gnb6.png" alt="고객센터" /></a></li>
					<li class="gnbm7"><a href="#"><img src="/cmp_images/common/img_gnb7.png" alt="이벤트" /></a></li>
				</ul>
				<form id="" name="" method="" action="" class="input_search" autocomplete="">
					<input type="hidden" name="ProgMode" value="searchList" />
					<fieldset>
						<legend>상품검색</legend>
						<input type="text" class="input_keyword" value="" id="" name="" placeholder="상품을 검색하세요" searchfocuscheck="true" />
						<input type="submit" id="" class="search_sub" value="검색" />
					</fieldset>
				</form>
			</div>
		</div>
		<!-- e : gnb -->
	</div>
	<!-- e: header -->

	<!-- s : container -->
	<div class="container">		
		<!-- s : content -->
		<div class="content">
			<h3>
				<img src="/cmp_images/basket/basket_tit1.png" />
				<span class="proccess">
					<img src="/cmp_images/basket/basket_process1.png">
				</span>
			</h3>
			<!-- s : board_list -->
			<div class="board_list">
				<div class="board_table basket">
					<table class="" summary="장바구니의 상품정보, 수량, 배송비, 주문금액의 정보를 제공합니다.">
					<caption>장바구니</caption>
						<colgroup>
							<col width="60px">
							<col width="738px">
							<col width="184px">
							<col width="96px">
							<col width="202px">
						</colgroup>
						<thead>
							<tr>
								<th scope="col"><input type="checkbox"></th>													
								<th scope="col">상품정보</th>
								<th>수량</th>
								<th class="bgcolor1">배송비</th>
								<th class="bgcolor1">주문금액</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="chk"><input type="checkbox"></td>
								<td class="prd_img_box big">
									<span class="prd_img"><img src="/cmp_images/basket/sample.png"></span>
									<span class="prd_nm">[램프라인]로간(여성용)</span>
								</td>
								<td>
									단일색상 - 280mm / 1개
									<p class="tbl_btn_wrap">
										<button class="btn_white">주문조건 추가/변경</button>
									</p>
								</td>
								<td class="bgcolor1">2,500원</td>
								<td class="bgcolor1">
									<span class="f15px"><strong class="price1">267,000</strong>원</span>
									<p class="tbl_btn_wrap">
										<button class="btn_white">주문</button>
										<button class="btn_white">삭제</button>
									</p>
								</td>
							</tr>
							<tr>
								<td class="chk"><input type="checkbox"></td>
								<td class="prd_img_box big">
									<span class="prd_img"><img src="/cmp_images/basket/sample.png"></span>
									<span class="prd_nm">[램프라인]로간(여성용)</span>
								</td>
								<td>
									단일색상 - 280mm / 1개
									<p class="tbl_btn_wrap">
										<button class="btn_white">주문조건 추가/변경</button>
									</p>
								</td>
								<td class="bgcolor1">2,500원</td>
								<td class="bgcolor1">
									<span class="f15px"><strong class="price1">267,000</strong>원</span>
									<p class="tbl_btn_wrap">
										<button class="btn_white">주문</button>
										<button class="btn_white">삭제</button>
									</p>
								</td>
							</tr>
							<tr>
								<td class="chk"><input type="checkbox"></td>
								<td class="prd_img_box big">
									<span class="prd_img"><img src="/cmp_images/basket/sample.png"></span>
									<span class="prd_nm">[램프라인]로간(여성용)</span>
								</td>
								<td>
									단일색상 - 280mm / 1개
									<p class="tbl_btn_wrap">
										<button class="btn_white">주문조건 추가/변경</button>
									</p>
								</td>
								<td class="bgcolor1">2,500원</td>
								<td class="bgcolor1">
									<span class="f15px"><strong class="price1">267,000</strong>원</span>
									<p class="tbl_btn_wrap">
										<button class="btn_white">주문</button>
										<button class="btn_white">삭제</button>
									</p>
								</td>
							</tr>							
							
							<!-- tr 마지막에 class="last" 추가 -->
							<tr class="last">
								<td colspan="3" class="bgcolor2"></td>
								<td class="tlc bgcolor2 tL">
									<p class="mB15 ft14">배송비</p>
									<p class="ft16">결제금액</p>
								</td>
								<td class="tlc bgcolor2 tR">
									<p class="ft14 pR25 mB5">(+)0원</p>
									<p class="price2 pR25">392,000원</p>
								</td>
							</tr>
						</tbody>
					</table>					
				</div>						
			</div>
			<!-- e : board_list -->			
			<div class="ctt_btn_wrap">
				<span class="pT8">
					<button class="btn_white">선택상품 삭제</button>
					<button class="btn_white">선택상품 찜</button>
				</span>
				<div class="btn_right pB50">
					<a href="#" class="btn_black_l">주문하기</a>
				</div>
			</div>			
			
		</div>
		<!-- e : content -->
	</div>
	<!-- e : container -->

	<!-- s : footer -->
	<div class="footer">
		<div class="footer_wrap">
			<span class="ico_shoes">
				<img src="/cmp_images/common/ico_shoes.png" alt="슈즈" />
			</span>
			<!-- 텐케이정보 -->
			<ul class="footer_info">
				<li><a href="#" target="_blank">어바웃 텐케이</a></li>
				<li><a href="#" target="_blank">개인정보취급방침</a></li>
				<li><a href="#" target="_blank">이용약관</a></li>
				<li><a href="#" target="_blank">업무제휴</a></li>
			</ul>
			<!-- sns -->
			<ul class="footer_sns">
				<li><a href="#" target="_blank"><img src="/cmp_images/common/ico_facebook.png" alt="facebook" /></a></li>
				<li><a href="#" target="_blank"><img src="/cmp_images/common/ico_twitter.png" alt="twitter" /></a></li>
				<li><a href="#" target="_blank"><img src="/cmp_images/common/ico_twitter2.png" alt="twitter2" /></a></li>
				<li><a href="#" target="_blank"><img src="/cmp_images/common/ico_instagram.png" alt="instagram" /></a></li>
				<li><a href="#" target="_blank"><img src="/cmp_images/common/ico_pinterest.png" alt="pinterest" /></a></li>
				<li><a href="#" target="_blank"><img src="/cmp_images/common/ico_googleplus.png" alt="googleplus" /></a></li>
				<li><a href="#" target="_blank"><img src="/cmp_images/common/ico_youtube.png" alt="youtube" /></a></li>
			</ul>
			<!-- 텐케이 -->
			<div class="inner_wrap">
				<h3>텐케이</h3>
				<ul>
					<li><address>서울시 양천구 공항대로 598 (우)158-807<span>|</span></address></li>
					<li>대표이사  홍길동<span>|</span></li>
					<li>개인정보책임자  홍길동</li>
					<li class="brs">사업자등록번호 101-11-11111<span>|</span></li>
					<li>통신판매업신고 제2015-서울양천-1004호
						<a href="#"><img src="images/common/btn_footer_license.png" alt="사업자정보확인" /></a>
					</li>
					<li class="brs">Copyright &copy; 10K Corp. All Rights Reserved.</li>
				</ul>
			</div>
			<!-- 고객센터 -->
			<div class="inner_wrap2">
				<h3>고객센터</h3>
				<ul>
					<li>월-금 10:00-18:00 토/일/공휴일 휴무<span>|</span></li>
					<li>전화  02-222-2222<span>|</span></li>
					<li>팩스  02-2666-2485</li>
					<li class="brs">이메일 <a href="#">customerservice@11st.co.kr</a><span>|</span></li>
					<li><address>서울시 양천구 공항대로 598 (우)158-807</address></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- e : footer -->
	<!-- s : layer_popup --> 
	<div class="layer_popup2" style="width:618px;">
		<div class="title1">쿠폰 할인적용</div>
		<div class="layer_content">
			<div class="title2"><strong>적용가능한 내 쿠폰</strong>(<strong>0</strong>개)</div>
			<!-- 제품사진이 있는 리스트는 list class 추가-->
			<div class="board_table list">
				<table class="" summary="주문조건 추가/변경의 상품정보, 배송비, 금액의 정보를 제공합니다..">
				<caption>주문조건 추가/변경</caption>
					<colgroup>
						<col width="65%">
						<col width="13%">
						<col width="22%">						
					</colgroup>
					<thead>
						<tr>
							<th scope="col">상품정보</th>
							<th scope="col">배송비</th>
							<th scope="col">금액</th>
						</tr>
					</thead>
					<tbody>
					<!-- checkbox는 tbc추가(checkbox 맨 마지막은 제외) -->
					<!-- tr 마지막에 class="last" 추가 -->
						<tr class="last">							
							<td class="prd_img_box big">
								<span class="prd_img"><img src="/cmp_images/basket/sample.png"></span>
								<span class="prd_nm w200px">[램프라인]로간(공용)</span>
							</td>
							<td>무료</td>
							<td class="price"><strong>269,600</strong>원</td>
						</tr>						
						
					</tbody>
				</table>
				<div class="title3">*아래 선택박스에서 옵션을 선택하시면, 선택 정보가 추가/변경 됩니다.</div>
				<div class="board_table list">
					<table class="" summary="주문조건 추가/변경의 정보를 제공합니다.">
					<caption>주문조건 추가/변경</caption>
						<colgroup>
							<col width="15%">
							<col width="62%">
							<col width="77%">						
						</colgroup>
						<thead>
							<tr>
								<th>옵션</th>							
								<th colspan="2" class="pT8">
									<div class="select_box w90" id="select_box">
										<label for="brand">전체상태</label>
										<select class="sel" id="color" title="select color">
											<option selected="selected">전체상태</option>
											<option>교환상품도착</option>
											<option>반품신청</option>						
										</select>
									</div>
								</th>
							</tr>
						</thead>
						<tbody>
						<tr>
							<td colspan="3" class="size_lst">
								<ul>
									<li>
										<span>사이즈:220mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
									<li>
										<span>사이즈:230mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
									<li>
										<span>사이즈:240mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
									<li>
										<span>사이즈:250mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
									<li>
										<span>사이즈:260mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
									<li>
										<span>사이즈:280mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
									<li>
										<span>사이즈:280mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
									<li>
										<span>사이즈:280mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
									<li>
										<span>사이즈:280mm</span>
										<ul class="prd_cnt_box">
											<li class="min">-</li>
											<li class="inpt"><input type="text" value="1"></li>
											<li class="last">+</li>
										</ul>
									</li>
								</ul>
							</td>
						</tr>
						
						<!-- checkbox는 tbc추가(checkbox 맨 마지막은 제외) -->
						<!-- tr 마지막에 class="last" 추가 -->
						<tr class="last sale_price">
							<td colspan="2" class="tL pL20">
								<p class="f_col2">총상품금액</p>
								<p class="f_col10 pT8">(할인적용전)</p>
							</td>
							<td><p class="last_price f_col2"><strong>-28,000</strong>원</p></td>
						</tr>						
							
						</tbody>
					</table>
				</div>
				<div class="btn_wrap">
					<a href="#" class="btn_black">확인</a>
					<a href="#" class="btn_grey">취소</a>
				</div>
			</div>
			       
		</div>
	</div>
	<!-- e : layer_popup -->
</div>
<!-- e : wrap -->
</body>
</html>